<!DOCTYPE HTML>
<html>
    <head>
        <title>PegaCEP</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <link rel="stylesheet" type="text/css" href="style.css" />
        <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDpbcWes0s2EE4prq2Pu1rdDd_eb484nf8&sensor=false"></script>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="scripts.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                        initialize(null);
                        $('#inputLatLong #txtLatLong').focus();
            });
        </script>
    </head>
    <body>
        <div id="map_canvas" style="width:100%; height:100%"></div>
        <div id="inputLatLong">
            <p>
                <span>CEP: </span>
                <input type="text" id="txtCEP" onkeydown="if (event.keyCode == 13) document.getElementById('btnSetLocal').click()"/>
                <button id="btnSetLocal" onclick="setCEP()">Vai!</button>
            </p>
            <p id="lineAdd">
                Banco:
                <select id="ddlBanco">
                    <option value="Banco do Brasil">Banco do Brasil</option>
                    <option value="Banco Santander_Real">Banco Santander_Real</option>
                    <option value="Banco Itau">Banco Itau</option>
                    <option value="Caixa Economica Federal">Caixa Economica Federal</option>
                    <option value="Bradesco">Bradesco</option>
                    <option value="HSBC">HSBC</option>
                    <option value="Banco 24 Horas">Banco 24 Horas</option>
                    <option value="Citibank">Citibank</option>
                    <option value="Safra">Safra</option>
                    <option value="Sudameris">Sudameris</option>
                </select>
                Quantidade:
                <input type="text" id="txtQtd" class="qtd" />
                <img src="images/add.png" alt="Adicionar!" onclick="addBanco()">
            </p>
            <p id="linhaBancos"></p>
        </div>
        <div id="outputZona">
            <span id="spanCoordenadas">-23.6699194, -46.7011655</span><br>
            <span><br>Zona: </span>
            <span id="spanZona"></span>
        </div>
    </body>
</html>
